<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>意见管理</title>
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css"
	href="/three/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui.admin/css/style.css" />
</head>
<body>
	<form action="/three/opinion/list" method="post">
		<div class="pd-20">
			<div class="text-c">
				手机号：<input class="input-text" type="text" name="cmobile" style="width: 250px;">
				发布内容：<input class="input-text" type="text" name="context" style="width: 250px;"><br>
				发布日期：<input type="text"
						onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })"
						id="logmin" class="input-text Wdate" style="width: 120px;"
						name="startTime"> - <input type="text"
						onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })"
						id="logmax" class="input-text Wdate" style="width: 120px;"
						name="endTime">
				<button type="submit" class="btn btn-primary">
					<i class="Hui-iconfont">&#xe665;</i>查询
				</button>
				<button class="btn btn-primary" type="button" id="btn_reset">
					<i class="Hui-iconfont">&#xe68f;</i>重置
				</button>
			</div>
			<table
				class="table table-border table-bordered table-hover table-bg table-sort">
				<thead>
					<tr class="text-c">
						<th>手机号</th>
						<th>内容</th>
						<th>创建时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${list }" var="opinion">
						<tr class="text-c">
							<td>${opinion.mobile }</td>
							<td>${opinion.content }</td>
							<td><f:formatDate value="${opinion.createTime }" pattern="yyyy-MM-dd HH:mm:ss"/> </td>
							<td class="f-14 user-manage"> <a
								style="text-decoration: none" class="ml-5" onclick="look('${opinion.content}')"
								title="查看详情"> <i class="Hui-iconfont">&#xe665;</i></a> <a
								style="text-decoration: none" class="ml-5"
								href="/three/opinion/delete?oid=${opinion.opinionId }" title="删除"><i
									class="Hui-iconfont">&#xe6e2;</i></a></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
		<div id="lookModal" class="modal fade" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content radius">
					<div class="modal-header">
						<h3 class="modal-title">发布内容</h3>
						<a class="close" data-dismiss="modal" aria-hidden="true"
							href="javascript:void();" id="guan">×</a>
					</div>
					<div class="modal-body">
						<textarea id="context" rows="20" cols="30" class="textarea radius" readonly></textarea>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal" aria-hidden="true" id="btn_close">关闭</button>
					</div>
				</div>
			</div>
		</div>		
	</form>
</body>
<script type="text/javascript"
		src="/three/lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="/three/lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="/three/static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript"
		src="/three/static/h-ui.admin/js/H-ui.admin.js"></script>
	<script type="text/javascript"
		src="/three/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript"
		src="/three/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="/three/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
$('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"pading":false
});
	function look(content){
		$("#context").val(content);
		$("#lookModal").modal("show");
	}
	$("#btn_close").click(function(){
		$("#context").val("");
	});
	$("#guan").click(function(){
		$("#context").val("");
	});
	$("#btn_reset").click(function(){
		$(".input-text").val("");
	});
</script>
</html>